<template>
	<view class="personal" :style="{minHeight: wHeight + 'px' }" >
		<view class="personal-ul">
			<view class="personal-li">
				<view class="personal-user">
					<text>头像</text>
				</view>
				<view class="personal-lo">
					<view class="personal-image">
						<image src="" mode=""></image>
					</view>
					<view class="personal-fan">
						<image src="/static/image/icon-jinru.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view class="personal-ul">
			<view class="personal-li">
				<view class="personal-user" @click="name">
					<text>用户名</text>
				</view>
				<view class="personal-lo">
					<view class="personal-image">
						<text>张三</text>
					</view>
					<view class="personal-fan">
						<image src="/static/image/icon-jinru.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view class="personal-ul">
			<view class="personal-li">
				<view class="personal-user" @click="gender">
					<text>性别</text>
				</view>
				<view class="personal-lo">
					<view class="personal-image">
						<text>男</text>
					</view>
					<view class="personal-fan">
						<image src="/static/image/icon-jinru.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				wHeight: '',
			}
		},
		onLoad() {
			this.wHeight = this.$store.state.ContentHeight - 45;
		},
		methods:{
			gender(){
				uni.navigateTo({
					url:'/pages/public/gender'
				})
			},
			name(){
				uni.navigateTo({
					url:'/pages/public/myname'
				})
			}
		}
	}
</script>

<style lang="less">
	.personal{
		.personal-ul{
			width: 700rpx;
			border-bottom: 1rpx solid #DCDCDC;
			margin: 0 auto;
			margin-top: 20rpx;
			.personal-li{
				display: flex;
				.personal-user{
					width: 500rpx;
					height: 80rpx;
					margin: 0 auto;
					
					text{
						line-height: 80rpx;
						font-size: 29rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #333333;
					}
				}
				.personal-lo{
					width: 130rpx;
					display: flex;
					align-items: center;
					.personal-image{
						width: 80rpx;
						margin-right: 20rpx;
						image{
							width: 80rpx;
							height: 80rpx;
							border: 1rpx solid red;
						}
						text{
							
							font-size: 29rpx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: #666666;
						}
					}
					.personal-fan{
						image{
							width: 15rpx;
							height: 24rpx;
						}
					}
				}
			}
			
		}
	}
</style>
